<div class="container">
    <%- header %>
<div class="row">
    <p>aaaaaaaaa</p>
    <% contents.forEach(function(item) {
    %>
    
      <div class='four columns github-list-item'>
        <div class="spacer">
            <%
              var link = '/' + item.alias + '.html'; 
              if(item.get('githubLink')) {
                link = item.get('githubLink');
              }
              var authorLink = '/user/profile/' + item.author; 
              if(item.get('githubAuthorLink')) {
                authorLink = item.get('githubAuthorLink');
              }
            %>                      
            <a class='<%- hotDate(item.updated) %>' href='<%- authorLink %>'>
            <%
              if(item.get('githubImage')) {
                %><img src='<%- item.get('githubImage') %>'/><%
              }
            %>          
            </a>
            <a class='<%- hotDate(item.updated) %>' href='<%- link %>'>
              <h6><%- item.author %> @ <br/><%- prettyDate(item.updated) %></h6>
            </a>
              <div style='clear:both'></div>
            <a class='<%- hotDate(item.updated) %> title' href='<%- link %>'>
              <%- item.title %>
            </a>
      </div>
      </div>
      <% });  %>
</div>
    <%- pager %>
</div>
<div class="blog-content">
    <p>bbbbbbbbb</p>
    <p>ccccccccc</p>
    <p>contents length = <%- contents.length%></p>
    <% contents.forEach(function(item) { item = item._doc %>
    <p>ccccccccc</p>
    <div class='blog-list-item eight columns alpha'>
        <div class="spacer">
            <h3><a href='/<%= item.alias %>.html'><%- item.title %></a></h3>
            <p class='by'>By <a href='/user/profile/<%- item.author %>'><%- item.author %></a></p>
            <p class='created'>Published: <%- prettyDate(item.published) %> / Last Updated: <%- prettyDate(item.updated) %></p>
            <p class='content'><%- item.teaser %> ... <a href='/<%= item.alias %>.html'>more</a></p>
        </div>
    </div>
    <% }); %>
    <%- pager %>
</div>